<template>
  <div class="child">
    <h2>我是child组件 {{ x }}</h2>
    <h2>当前求和为：{{ sum }}</h2>
    <h4 v-beauty="sum">好开心</h4>
    <Hello />
  </div>
</template>

<script setup lang="ts" name="Child">
import { ref } from "vue";
import Hello from "./Hello.vue";

let sum = ref(0);
</script>

<style>
.child {
  background-color: skyblue;
  border-radius: 10px;
  padding: 10px;
  box-shadow: 0 0 10px;
}
</style>
